<template>
  <div>
    <div
      v-for="item in list"
      :key="item._id"
      class="container"
    >
      <div class="name">
        {{ restaurant.items[1].name['zh-CN'] }}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    restaurant: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {
      list: [],
    };
  },
  async created() {
    const defaultItems = [
      {
        name: {
          'zh-CN': '红烧狮子头',
          'en-US': 'Stewed Lion Head Chinese Meatballs',
        },
        image: 'https://s3.amazonaws.com/ricepo-food/image-3r7hnd04jyk7nbn3.png',
      },

    ];
    this.list = defaultItems;
  },
};
</script>

<style>

</style>
